.com{
	text-align: center;
	height: 100%;
	background:rgb(214,74,110) url(../image/bg2.png) left top no-repeat;
	background-size: 100% auto;
	padding-top:15%;
	box-sizing: border-box;
	font-size: .32rem;
}
.page1{
	color: #fff;
	.user-img{
		display: block;
		width: 1.55rem;
		height: 1.55rem;
		margin:0 auto 20px;
	}
	.jt{
		position: relative;
		margin:20px auto;
		width: 5rem;
		text-align: center;
		color: #FFE79D;
		p{
			background:#D72C40;
			border-radius: .14rem;
			padding:2px 0;
		}
		span{
			position:absolute;
			display: block;
			width: 0;
			height: 0;
			border-width:5px;
			border-color:transparent transparent #D72C40 transparent;
			border-style:solid;
			left:50%;
			top: -10px;
			margin-left: -5px;
		}
	}
	.red-bg{
		position:relative;
		width: 6.51rem;
		height: 7.94rem;
		margin: auto;
		background:url(../image/red-bg.png) no-repeat;
		background-size:100% auto;
		.open{
			position:absolute;
			width: 120px;
		    height: 120px;
		    top: 80px;
		    left: 50%;
		    margin-left: -60px;
		}
		span{
			position:absolute;
			font-size: 1rem;
			color: #EDD13A;
			top: 50%;
			left: 23%;
		}
		font{
			position:absolute;
			font-size: .35rem;
			color: #D72C40;
			top: 55%;
			left: 57%;	
			background:#EDD13A;
			padding:0 3px;
			line-height: 1.2;
		}
		.bottom{
			position:absolute;
			left: 0;
			right: 0;
			bottom:10%;
			font-size: .21rem;
			letter-spacing: 2px;
			color: rgba(255,255,255,0.4);
		}
	}
}
.page2{
	.title{
		width:60%;
		height:.57rem;
		line-height:.57rem;
		margin: auto;
		color: #D72C40;
		background:rgba(252,196,49,1);
		box-shadow:0px 1px 4px 0px rgba(203,37,57,0.76);
		border-radius:.28rem;
	}
	.red-box{
		width: 6.3rem;
		height: 10.02rem;
		background:url(../image/bg3.png) center no-repeat;
		background-size:100% auto;
		margin: 30px auto;
		.p1{
			font-size: .32rem;
			color: #D72C40;
			padding-top:1.5rem;
		}
		.p2{
			font-size: 1rem;
			color: #D72C40;
		}
		.line{
			width: 80%;
			margin-top:75px;
			margin-left:6%;
			margin-right: 20px;
			margin-bottom: 20px;
			position:relative;
			p{
				height: 1px;
				background:rgba(220,208,124,1);
			}
			span{
				position:absolute;
				width: 120px;
				height: 25px;
				line-height: 25px;
				font-size: .24rem;
				color: #fff;
				letter-spacing: 5px;
				background:rgba(215,44,64,1);
				left: 50%;
				margin-left: -60px;
				top:-13px;
			}
		}
		.inp{
			width: 5.14rem;
			height: .82rem;
			background:url(../image/input-bg.png) center no-repeat;
			background-size:100% auto;
			margin-top:30px;
			margin-left: 15px; 
			input{
				display: block;
				width: 100%;
				padding:0 30px;
				height: .82rem;
				line-height: .82rem;
				background:none;
				box-sizing:border-box;
				font-size: .24rem;
			}
		}
		.btn{
			width: 5.14rem;
			height: .82rem;
			background:url(../image/getBtn.png) center no-repeat;
			background-size:100% auto;
			margin-top:30px;
			margin-left: 15px; 
		}
	}
}
.page3{
	padding-top:80px;
	.red-bg{
		position:relative;
		width: 6.51rem;
		height: 7.94rem;
		margin: auto;
		background:url(../image/red-bg.png) no-repeat;
		background-size:100% auto;
		.btn{
			display: block;
			width: 5.14rem;
			height: .82rem;
			background:url(../image/downBtn.png) center no-repeat;
			background-size:100% auto;
			margin-top:30px;
			margin-left: 30px; 
		}
		.time-box{
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: .78rem;
			color: #EDD13A;
			padding-top:200px;
			span{
				background:#EDD13A;
				width: 1.09rem;
				height: 1.09rem;
				border-radius:4px;
				text-align: center;
				line-height: 1.09rem;
				color: #D72C40;
			}
		}
		.bottom{
			font-size: .24rem;
			color: #fff;
			letter-spacing:3px;
			margin-top: 15px;
		}

	}
}